<template>
  <div class="tem-parent">
    <h4>父组件C</h4>
    <p class="info">这种方法通过一个空的 Vue 实例作为中央事件总线（事件中心），用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信，包括父子、兄弟、跨级。当我们的项目比较大时，可以选择更好的状态管理解决方案 vuex。</p>
    <brotherA></brotherA>
    <brotherB></brotherB>
    <brotherC></brotherC>
    <div>
      <p>vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递</p>
    </div>
  </div>
</template>
<script>
import brotherA from "./brotherA";
import brotherB from "./brotherB";
import brotherC from "./brotherC";
export default {
  name: "parentC",
  components:{
    brotherA,
    brotherB,
    brotherC
  },
  data(){
    return{

    }
  },
  methods:{

  }
}
</script>

<style scoped>
  p span{
    color: #42b983;
  }
</style>
